<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#container{
				width: 100%;
				height: 50px;
				background: #cccccc;
			}
			#container #box{
				width: 800px;
				height: 50px;
				background:red;
				margin:  0 auto;
			}
			#container #box .left{
				width: 100px;
				height: 50px;
				background: yellow;
				float: left;
			}
			#container #box .right{
				width: 700px;
				height: 50px;
				line-height: 50px;
				box-sizing: border-box;
				padding: 5px;
				background:green;
				float: left;
				border: 4px solid red;
			}
		</style>
	</head>
	<body>
		<header>
			<nav>
				<div id="container">
					<div id="box">
						<div class="left">sds</div>
						<div class="right">terte</div>
					</div>
				</div>
			</nav>
		</header>
	</body>
</html>
